<template>
  <div ref="playerRef"></div>
</template>

<script>
import {getMuiPlayer} from "@localModules/ZhiXinLib/utils/MuiPlayerUtils/MuiPlayerUtils";

export default {
  name: "Nocomtrols",
  // 定义用到的组件
  components: {},
  // 自定义指令，这里定义局部指令
  directives: {},
  // 过滤器
  filters: {},
  // 定义用到的混入，可以重复使用代码
  mixins: [],
  // 定义变量
  data() {
    return {
      player: null
    }
  },
  // 定义计算属性值，加上watch配合，可以读取vuex异步获取的值
  computed: {
    // muiPlayerNocomtrolsProps(){
    //   return this.test;
    // },
    // muiPlayerNocomtrolsProps2: {
    //		get(){
    //			//return this.name.split('').reverse().join('');
    //			return this.firstName+''+this.lastName;
    //		},
    //		set(value){
    //		}
    // }
  },
  // 监听属性值的变化
  watch: {
    // muiPlayerNocomtrolsProps(val){
    //   console.log(val)
    // },
    // muiPlayerNocomtrolsProps2: {
    //   handler(value, oldValue) {
    //
    //   },
    //   immediate: true,
    //   deep: true
    // }
  },
  // 生命周期钩子函数begin
  // 在页面节点挂载完执行
  mounted() {
    // 初始化 MuiPlayer 插件，MuiPlayer 方法传递一个对象，该对象包括所有插件的配置
    this.player = getMuiPlayer(this.$refs.playerRef, 'https://muiplayer.js.org/media/media.mp4', {
      live: true,
      autoplay: true
    })
    this.player.removeControls(['mplayer-header', 'mplayer-footer', 'mplayer-cover'])
  },
  // 在页面创建完执行
  created() {
  },
  // 生命周期钩子函数end
  // 定义方法
  methods: {},
}
</script>
<style scoped lang="scss">
.mui-player-nocomtrols-class {
}
</style>
